<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" type="image/png" sizes="16x16" href="../plugins/images/favicon.png">
		<title>天宏批发平台</title>
		<!-- Bootstrap Core CSS -->
		<link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- Menu CSS -->
		<link href="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css" rel="stylesheet">
		<!-- animation CSS -->
		<link href="../css/animate.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="../css/style.css" rel="stylesheet">
		<!-- color CSS -->
		<link href="../css/colors/megna-dark.css" rel="stylesheet">
		<link href="../css/account.css" rel="stylesheet">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	</head>

	<body class="fix-header">
		<!-- ============================================================== -->
		<!-- Preloader -->
		<!-- ============================================================== -->
		<div class="preloader">
			<svg class="circular" viewBox="25 25 50 50">
				<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
			</svg>
		</div>
		<!-- ============================================================== -->
		<!-- Wrapper -->
		<!-- ============================================================== -->
		<div id="wrapper">
			<!-- ============================================================== -->
			<!-- Topbar header - style you can find in pages.scss -->
			<!-- ============================================================== -->
			<nav class="navbar navbar-default navbar-static-top m-b-0">
				<div class="navbar-header">
					<div class="top-left-part">
						<!-- Logo -->
						<a class="logo" href="index.html">
							<!-- Logo icon image, you can use font-icon also --><b>
								<!--This is dark logo icon--><img src="../img/admin-logo.png" height="27" alt="home" class="dark-logo" />
								<!--This is light logo icon--><img src="../img/admin-logo-dark.png" height="27" alt="home" class="light-logo" />
							</b>
							<!-- Logo text image you can use text also --><span class="hidden-xs text-danger font-bold" style="font-size: 22px;">
								<!--This is dark logo text-->天宏在线
							</span> </a>
					</div>
					<!-- /Logo -->

					<!-- Search input and Toggle icon -->
					<ul class="nav navbar-top-links navbar-left hidden-xs">
						<li><a href="javascript:void(0)" class="open-close waves-effect waves-light"><i class="ti-menu"></i></a></li>
						<li>
							<a href="#"><i class="ti-agenda"></i> 接口文档</a>
						</li>
						<li>
							<a href="#"><i class="ti-info-alt"></i> 教程</a>
						</li>
						<li class="dropdown">
							<a class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#"> 消息<span class="text-danger">4</span>条
								<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
							</a>
							<ul class="dropdown-menu mailbox">
								<li>
									<div class="drop-title">您有4条新消息</div>
								</li>
								<li>
									<div class="message-center">
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status online pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/sonu.jpg" alt="user" class="img-circle"> <span
												 class="profile-status busy pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/arijit.jpg" alt="user" class="img-circle"> <span
												 class="profile-status away pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status offline pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span>
											</div>
										</a>
									</div>
								</li>
								<li>
									<a class="text-center" href="listmessage.html"> <strong>查看所有消息</strong> <i class="fa fa-angle-right"></i>
									</a>
								</li>
							</ul>
							<!-- /.dropdown-messages -->
						</li>

						<li class="dropdown">
							<a class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#"> 投诉<span class="text-danger">2</span>条
								<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
							</a>
							<ul class="dropdown-menu mailbox">
								<li>
									<div class="drop-title">您有2条新投诉</div>
								</li>
								<li>
									<div class="message-center">
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/arijit.jpg" alt="user" class="img-circle"> <span
												 class="profile-status away pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status offline pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span>
											</div>
										</a>
									</div>
								</li>
								<li>
									<a class="text-center" href="listcomplain.html"> <strong>查看所有投诉</strong> <i class="fa fa-angle-right"></i>
									</a>
								</li>
							</ul>
							<!-- /.dropdown-messages -->
						</li>
					</ul>
					<ul class="nav navbar-top-links navbar-right pull-right">
						<li style="line-height: 60px; padding-right: 20px;">
							你好，金堡元科技有限公司
						</li>
						<li><a href="">余额 <span class="text-danger">1243,234.00</span></a></li>
						<li style="padding-right: 10px; padding-left: 20px;">
							<a href="../login.html" class="btn btn-sm btn-primary btn-rounded btn-outline" style="line-height: 30px;  min-height: 30px; margin-top: 12px;">退出</a>
						</li>
					</ul>
				</div>
				<!-- /.navbar-header -->
				<!-- /.navbar-top-links -->
				<!-- /.navbar-static-side -->
			</nav>
			<!-- End Top Navigation -->
			<!-- ============================================================== -->
			<!-- Left Sidebar - style you can find in sidebar.scss  -->
			<!-- ============================================================== -->
			<div class="navbar-default sidebar" role="navigation" style="top: 61px;">
				<div class="sidebar-nav slimscrollsidebar">
					<div class="sidebar-head">
						<h3><span class="fa-fw open-close"><i class="ti-close ti-menu"></i></span> <span class="hide-menu">Navigation</span></h3>
					</div>
					<ul class="nav" id="side-menu">
						<li><a href="index.html" class="waves-effect"><span class="hide-menu">首页 </span></a> </li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">我要进货<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="buycards.html"><span class="hide-menu">购买产品</span></a></li>
								<li><a href="onlinebuytelfare.html"><span class="hide-menu">话费充值</span></a></li>
								<li><a href="mylist.html"><span class="hide-menu">库存管理</span></a></li>
								<li><a href="MyFavorites.html"><span class="hide-menu">我的收藏</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect active"><span class="hide-menu">交易纪录<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="IncomingCardsLog.html"><span class="hide-menu">进货纪录</span></a></li>
								<li><a href="SellLog.html"><span class="hide-menu">销售纪录</span></a></li>
								<li><a href="CapitalDetail.html"><span class="hide-menu">资金明细</span></a></li>
								<li><a href="EmployeesAccountManage.html"><span class="hide-menu">员工结账管理</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">账户管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="bank_transfer.html"><span class="hide-menu">账户余额充值</span></a></li>
								<li><a href="MemAccountEdit.html"><span class="hide-menu">账户资料修改</span></a></li>
								<li><a href="EmpAccountManage.html"><span class="hide-menu">员工账号管理</span></a></li>
								<li><a href="EmpPrice.html"><span class="hide-menu">员工零售价设定</span></a></li>
								<li><a href="Rebate.html"><span class="hide-menu">返点提取及记录</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">安全管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="PwSettings.html"><span class="hide-menu">账户密码设定</span></a></li>
								<li><a href="IP.html"><span class="hide-menu">IP及所在地安全绑定</span></a></li>
								<li><a href="Hardware.html"><span class="hide-menu">硬件信息安全绑定</span></a></li>
								<li><a href="PwProtection.html"><span class="hide-menu">密保产品安全绑定</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">服务与支持<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="listcomplain.html"><span class="hide-menu">在线投诉系统</span></a></li>
								<li><a href="listmessage.html"><span class="hide-menu">平台内部短信</span></a></li>
								<li><a href="bank_transfer.html"><span class="hide-menu">发送汇款通知书</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">微商城管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="weixinapplist.html"><span class="hide-menu">微商城设置</span></a></li>
								<li><a href="weixinpointset.html"><span class="hide-menu">微积分设置</span></a></li>
								<li><a href="weixinMenuList.html"><span class="hide-menu">微商城目录</span></a></li>
								<li><a href="weixinCardList.html"><span class="hide-menu">微商城商品设置</span></a></li>
								<li><a href="weixinCardPointList.html"><span class="hide-menu">商品积分设置</span></a></li>
								<li><a href="weixinUserList.html"><span class="hide-menu">微商城粉丝</span></a></li>
								<li><a href="weixinPointList.html"><span class="hide-menu">微商城积分管理</span></a></li>
								<li><a href="weixinOrderList.html"><span class="hide-menu">微商城订单管理</span></a></li>
								<li><a href="weixinPointOrderList.html"><span class="hide-menu">微商城积分订单管理</span></a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- ============================================================== -->
			<!-- End Left Sidebar -->
			<!-- ============================================================== -->
			<!-- ============================================================== -->
			<!-- Page Content -->
			<!-- ============================================================== -->
			<div id="page-wrapper">
				<div class="container-fluid">
					<div class="row bg-title">
						<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
							<h4 class="page-title">订单详情</h4>
						</div>
						<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
							<ol class="breadcrumb">
								<li>首页</li>
								<li>交易纪录</li>
								<li>进货记录</li>
								<li class="active">订单详情</li>
							</ol>
						</div>
						<!-- /.col-lg-12 -->
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="white-box">
								<h3 class="box-title">商品详细</h3>
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<td>商品名字：</td>
											<td>测试-京东家乐福</td>
											<td>商品类型：</td>
											<td>
												<span class="text-primary">虚拟卡密</span>
											</td>
										</tr>
										<tr>
											<td>商品面值：</td>
											<td>￥1.0000</td>
											<td>客服方式：</td>
											<td></td>
										</tr>
										<tr>
											<td>充值网址：</td>
											<td>


											</td>
											<td>可充产品：</td>
											<td></td>
										</tr>
										<tr>
											<td>注意事项：</td>
											<td colspan="3"></td>
										</tr>
									</tbody>
								</table>
								<h3 class="box-title">订单详细</h3>
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<td>销售数量：</td>
											<td>2(个)</td>
											<td>实际数量：</td>
											<td>2(个)</td>
										</tr>
										<tr id="buycard">
											<td>提交金额：</td>
											<td>￥0.6000×2=￥1.2000</td>
											<td>实际金额：</td>
											<td>￥0.6000×2=￥1.2000</td>
										</tr>

										<tr>
											<td>销售金额：</td>
											<td>--</td>
											<td><span id="buycard1">销售利润：</td>
											<td>--</td>
										</tr>
										<tr>
											<td>购买时间：</td>
											<td>2021/2/2 17:15:47</td>
											<td>销售时间：</td>
											<td>2021/2/2 17:15:47</td>
										</tr>
										<tr>
											<td>账户类型：</td>
											<td>总账号</td>
											<td>订单状态：</td>
											<td>
												<span class="text-primary">有效</span>
											</td>
										</tr>
										<tr>
											<td>购买备注：</td>
											<td>*接口订单</td>
											<td>操作IP：</td>
											<td>222.222.39.106</td>
										</tr>
									</tbody>
								</table>
								<h3 class="box-title">购买内容</h3>
								<table class="table table-bordered text-center">
									<tbody>
										<tr class="tableTit1">
											<th class="text-center">点卡卡号</th>
											<th class="text-center">点卡密码</th>
											<th class="text-center">赠品</th>
											<th class="text-center">到期时间</th>
										</tr>
										<tr>
											<td></td>
											<td>142313545454</td>
											<td>无</td>
											<td>2022/2/2 0:00:00</td>
										</tr>
										<tr>
											<td></td>
											<td>4513135454</td>
											<td>无</td>
											<td>2022/2/2 0:00:00</td>
										</tr>
										<tr>
											<td colspan="4">
												<button class="btn btn-primary">复制全部卡密到剪贴板</button>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="text-center m-t-40">
									<button class="btn btn-danger" data-toggle="modal" data-target="#myModal">打印订单</button>
									<button class="btn btn-danger" disabled="disabled">投诉(已关闭)</button>
								</div>

							</div>
						</div>
					</div>
				</div>
				<!-- 选择打印方式 -->
				<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<h4 class="modal-title" id="myModalLabel">选择打印机类型</h4>
							</div>
							<div class="modal-body">
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<td><img src="../img/icon_printern.png"></td>
											<td><img src="../img/icon_printerh.png"></td>

										</tr>
										<tr>
											<td>普通打印机</td>
											<td>热敏打印机</td>
										</tr>
										<tr>
											<td>如：激光、喷墨打印机等</td>
											<td>如：小票、POS打印机等</td>
										</tr>
										<tr>
											<td>
												<button class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal2">打印订单</button>
											</td>
											<td>
												<button class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal3">打印订单</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>

						</div>
					</div>
				</div>
				<!-- 选择打印方式 -->
				<!-- 普通打印机 -->
				<div class="modal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<h4 class="modal-title" id="myModalLabel">卡密订单打印</h4>
							</div>
							<div class="modal-body">
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<td colspan="2">销售时间：2021/2/2 17:15:47&nbsp;&nbsp;打印时间：2021/3/9 15:13:22<br></td>
										</tr>
										<tr>
											<th style="width: 120px;">商品名称：</th>
											<td>测试-京东家乐福(5829)</td>
										</tr>
										<tr>
											<th>商品面值：</th>
											<td>￥1.0000</td>
										</tr>
										<tr>
											<th>销售数量：</th>
											<td>2(个)</td>
										</tr>
										<tr>
											<th>销售金额：</th>
											<td>￥1.0000×2=￥2.0000</td>
										</tr>
										<tr>
											<th>充值网址：</th>
											<td></td>
										</tr>
										<tr>
											<th>注意事项：</th>
											<td></td>
										</tr>
									</tbody>
								</table>
								<h4 class="m-t-20">购买内容</h4>
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<th style="width: 120px;">点卡卡号</th>
											<th>点卡密码</th>
											<th>赠品</th>
											<th>到期时间</th>
										</tr>
										<tr>
											<td></td>
											<td>142313545454</td>
											<td>无</td>
											<td>2022/2/2 0:00:00</td>
										</tr>
										<tr>
											<td></td>
											<td>4513135454</td>
											<td>无</td>
											<td>2022/2/2 0:00:00</td>
										</tr>
									</tbody>
								</table>
								<table class="table table-bordered text-center">
									<tbody>
										<tr>
											<th style="width: 120px;">销售商户：</th>
											<td>ceshi002</td>
										</tr>
										<tr>
											<th>客服方式：</th>
											<td></td>
										</tr>
									</tbody>
								</table>
								<div class="text-center m-t-15">
									<button class="btn btn-primary">确认打印</button>
								</div>
							</div>

						</div>
					</div>
				</div>
				<!-- 普通打印机 -->
				<!-- 热敏打印机 -->
				<div class="modal" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<h4 class="modal-title" id="myModalLabel">卡密订单打印</h4>
							</div>
							<div class="modal-body">
								<p>批发平台<br>
									========================================<br>
									商品名称：测试-京东家乐福<br>
									商品面值：1.0000<br>
									销售数量：2<br>
									销售金额：1.0000<br>
									点卡卡号：<br>
									点卡密码：142313545454<br>
									赠品：无<br>
									到期时间：2022/2/2 0:00:00<br>
									点卡卡号：<br>
									点卡密码：4513135454<br>
									赠品：无<br>
									到期时间：2022/2/2 0:00:00<br>
									销售商户：ceshi002<br>
									客服方式：<br>
									========================================<br>
									现在时间：2021-03-09 15:16:37<br>
									欢迎下次使用</p>
								<div>
									<button class="btn btn-primary">确认打印</button>
								</div>
							</div>

						</div>
					</div>
				</div>
				<!-- 热敏打印机 -->
				<!-- /.container-fluid -->
				<footer class="footer text-center">
					皖ICP备B2-20100023-15 增值电信业务经营许可证：皖B2-20100023 网络文化经营许可证皖网文[2012]0496-008号<br>
					Copyright @ since 2004 All Rights Reserved 版权所有 侵权必究<br>
					皖公网安备 34050402000019号
				</footer>
			</div>
			<!-- ============================================================== -->
			<!-- End Page Content -->
			<!-- ============================================================== -->
		</div>
		<!-- /#wrapper -->
		<!-- jQuery -->
		<script src="../plugins/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap Core JavaScript -->
		<script src="../bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- Menu Plugin JavaScript -->
		<script src="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
		<!--slimscroll JavaScript -->
		<script src="../js/jquery.slimscroll.js"></script>
		<!--Wave Effects -->
		<script src="../js/waves.js"></script>
		<!-- Custom Theme JavaScript -->
		<script src="../js/custom.min.js"></script>

	</body>

</html>
